import Vue from "vue";
import VueRouter from "vue-router";

Vue.use(VueRouter);

const routes = [
  {
    path: '/',
    redirect: '/login', //默认显示页面

  },
  {
    path: "/login",
    component: () => import("@/views/Login.vue")
  },
  {
    path: "/",
    component: () => import("@/views/Home.vue"),
    redirect: '/welcome',
    children: [{
      path: '/welcome',
      component: () => import("@/views/Welcome.vue"),
		},
			//用户管理——用户列表
			{
				path: "/users",
				component: () => import("@/views/Users.vue")
			},
		//权限管理——角色列表
			{
				//角色列表
				path: "/roles",
				component: () => import("@/views/Roles.vue")
			},
			{
				//权限管理
				path: "/rights",
				component: () => import("@/views/Rights.vue")
			},
			//商品管理
			{
				//产品列表
				path: "/goods",
				component: () => import("@/views/Goods.vue")
			},
			{
				//商品列表的二级路由
				path: "/add",
				component: () => import("@/views/Add.vue")
			},
			{
				//分类参数
				path: "/params",
				component: () => import("@/views/Params.vue")
			},
			//商品分类
			{
				path: "/categories",
				component: () => import("@/views/Categories.vue")
			},
			//订单管理
			{
				path: "/orders",
				component: () => import("@/views/Orders.vue")
			},
			//数据报表
			{
				path: "/reports",
				component: () => import("@/views/Reports.vue")
			},
		]
  }
];

const router = new VueRouter({
  routes
});

router.beforeEach((to, from, next) => {
  //放在里面 刷新一次就会执行一次

  //路由拦截
  console.log(to, from, 999);

  // if (to.path !== '/login') {
  //   if (token) {
  //     //表示是登录的 但是去的不是login 登录页面
  //     return next()
  //   } else {
  //     //没有登录 不管去哪都回到login页面
  //     return next('/login')
  //   }
  // } else {
  //   if (token) {
  //     //登录了 然后去的是login 
  //     return next('/welcome')
  //   } else {
  //     //没有登录  去的还是login
  //     return next()
  //   }
  // }



    const token = localStorage.getItem('token')
    if (to.path === '/login') { //去login
      if (token) {  //去login登录了
        return next('/welcome') //登录了就无需验证 就强制跳转到home组件
      } else {   //否则去login  没有登录  就放行去login登录
        return next()
      }
    } else { // else 不是去login
      if (token) { // 不是去login已经登录  那么就放行 让他直接去想去的页面
        return next()
      } else {  //否则 不是去login 未登录 未登录强制跳转到login进行登录
        return next('/login')
      }
    }
  })
  
export default router;
